<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>EMOJI</title>
<link rel="stylesheet" type="text/css" href="http://tp.smart.cn:8888/Public/plugin/wantEmoji/wEmoji.css">
<style type="text/css">
#subText{
	width: 300px;
	height: 200px;
}
</style>
</head>
<body>
<div class="content"></div>
<textarea id="subText"></textarea>
<button id="submit">提交</button>
<div class="wrapper"></div>
<div class="wrapper2"></div>
<script type="text/javascript" src="http://tp.smart.cn:8888/Public/plugin/wantEmoji/wEmoji.config.js"></script>
<script type="text/javascript" src="http://tp.smart.cn:8888/Public/plugin/wantEmoji/wEmoji.js"></script>
<script type="text/javascript">
var text = document.querySelector("#subText");
var we = new wantEmoji({
	wrapper : ".wrapper",
	callback : function(emojiCode){
		text.value += emojiCode;
	},
	autoInit : true
});

document.querySelector("#submit").onclick = function(e){
	var val = text.value;
	document.querySelector(".content").innerHTML = we.explain(val);
};

</script>
</body>
</html>